<template>
  <div class="container-id">
    <div class="ceng1-id">
      <div class="kuai-id kuai1-id">
        <div class="title-id">
          <img :src="require('../images/title01.png')" alt="">
          <span>信息管理</span>
        </div>
        <ul>
          <li v-for="(item, index) in kuai1_title" @click="li_kuai1(index, $event)" :class="item.class">
            {{ item.li }}</li>
        </ul>
        <div class="contents-id" >
          <ul v-for="(item, index) in kuai1_content" v-show="index == isShow1" :key="index" v-if="kuai1_content.length>0">
            <li v-for="i in item.listitem">
              <i></i>
              <a @click.prevent="navigate(i)" title="" class="duan1-id">{{ i.titleName }}</a>
              <span class="duan2-id">{{ i.orgName }}</span>
              <span class="duan3-id">{{ i.infoType }}</span>
              <span class="duan4-id">{{ parseTime(i.createTime, '{y}-{m}-{d}') }}</span>
              <button :class="i.isCollection" @click="btn_kuai1($event, i)"></button>
            </li>
            <div class="hang_k3_id" style="text-align: center;" v-if="item.listitem.length===0 ">
              暂无数据
            </div>
          </ul>
        </div>
      </div>
      <div class="kuai-id kuai2-id">
        <div class="title-id">
          <img :src="require('../images/title03.png')" alt="">
          <span>快速查询</span>
        </div>
        <ul>
          <li v-for="(item, index) in kuai2_title" @click="li_kuai2(index, $event)" :class="item.class">
            {{ item.li }}</li>
        </ul>
        <div class="contents-id">
          <div class="hang_k3_id" style="text-align: center;" v-if="managementQualificationsList.length===0 && 2 == isShow2">
            暂无数据
          </div>
          <div class="hang_k3_id" style="text-align: center;" v-if="managementPolicyList.length===0 && 0 == isShow2">
            暂无数据
          </div>
          <div class="hang_k3_id" style="text-align: center;" v-if="managementInfoList.length===0 && 1 == isShow2">
            暂无数据
          </div>
          <ul v-show="0 == isShow2" key="0">
            <li v-for="(item, index) in managementPolicyList" @click="goWebsiteDetail(item.websiteName)">
              {{ item.titleName }}
            </li>
          </ul>
          <ul v-show="1 == isShow2" key="1">
            <li v-for="(item, index) in managementInfoList" @click="goWebsiteDetail(item.websiteName)">
              {{ item.titleName }}
            </li>
          </ul>
          <ul v-show="2 == isShow2" key="2" v-if="managementQualificationsList.length>0">
            <li v-for="(item, index) in managementQualificationsList"
                @click="goWebsiteDetail(item.websiteName)">
              {{ item.titleName }}
            </li>
          </ul>
        </div>
      </div>
    </div>
    <div class="ceng2-id">
      <el-carousel :interval="5000" arrow="always">
        <el-carousel-item v-for="item in ceng2_id" :key="item">
          <div class="ceng2-txt-id">
            <div class="up-id">
              <router-link target="_blank" :to="{
                        path: '/activityinfo/receive',
                        query: {
                            activityId: item.activityId,
                            open: item.status === '报名',
                        }
                    }">
                最新活动:{{ item.activityName }}
              </router-link>
            </div>
            <div class="down-id">
              <div class="left-id">主办单位:{{ item.sponsor }}</div>
              <div class="right-id">开始时间:{{ item.startTime }}</div>
            </div>
          </div>
        </el-carousel-item>
      </el-carousel>
    </div>
    <div class="ceng3-id">
      <div class="kuai-id kuai3-id">
        <div class="title-id">
          <img :src="require('../images/title05.png')" alt="">
          <span>证书预警</span>
        </div>
        <div class="">

          <el-tabs type="border-card">
            <!--                        <el-tab-pane label="合作申请">-->
            <!--                            <div class="hang_k3_id" v-for="item in k3_content1" v-if="k3_content1.length > 0">-->
            <!--                                <i></i>-->
            <!--                                <a @click="goCollaborative" :title="item.initiatorName" class="d1-k3-id">{{-->
            <!--                        item.initiatorName }}</a>-->
            <!--                                <span :title="item.cooperationReason" class="d3-k3-id">{{ item.cooperationReason-->
            <!--                                    }}</span>-->
            <!--                                <span class="d4-k3-id">{{ item.createTime.substring(0, 10) }}</span>-->
            <!--                            </div>-->
            <!--                            <div class="hang_k3_id" style="text-align: center;" v-if="k3_content1.length == 0">-->
            <!--                                暂无数据-->
            <!--                            </div>-->
            <!--                        </el-tab-pane>-->
            <el-tab-pane label="证书预警">
              <div style="display: flex; margin-top: 10rem; color: #333; font-weight: bold;">
                <span style="width: 45%; margin-left: 34rem;">证书名称</span>
                <span style="width: 25%;text-align: center;">获证时间</span>
                <span style="width: 25%; text-align: center;">到期时间</span>
              </div>
              <div class="hang_k3_id" v-for="item in k3_content2" v-if="k3_content2.length>0">
                <i></i>
                <a @click="goHonorList" :title="item.name" class="d1-k3-id">{{ item.name }}</a>
                <span class="d3-k3-id" :title="item.abutmentTime">{{ item.abutmentTime }}</span>
                <span class="d4-k3-id">{{ item.issuanceTime }}</span>
              </div>
              <div class="hang_k3_id" style="text-align: center;" v-if="k3_content2.length == 0">
                暂无数据
              </div>
            </el-tab-pane>
            <!--            <el-tab-pane label="预警时间" >-->
            <!--              <div class="hang_k3_id" v-for="item in k3_content2" v-if="k3_content2.length>0">-->
            <!--                <i></i>-->
            <!--                <a @click="goHonorList" :title="item.name" class="d1-k3-id">{{ item.name }}</a>-->
            <!--                <span class="d3-k3-id" :title="item.abutmentTime">{{ item.abutmentTime }}</span>-->
            <!--                <span class="d4-k3-id">{{ item.issuanceTime }}</span>-->
            <!--              </div>-->
            <!--              <div class="hang_k3_id" style="text-align: center;" v-if="k3_content2.length == 0">-->
            <!--                暂无数据-->
            <!--              </div>-->
            <!--            </el-tab-pane>-->
            <!--                        <el-tab-pane label="合同评审">-->
            <!--                            <div class="hang_k3_id" v-for="item in k3_content3" v-if="k3_content3.length>0">-->
            <!--                                <i></i>-->
            <!--                                <a href="#" title="" class="d1-k3-id">{{ item.a }}</a>-->
            <!--                                <span class="d3-k3-id">{{ item.span2 }}</span>-->
            <!--                                <span class="d4-k3-id">{{ item.span3 }}</span>-->
            <!--                            </div>-->
            <!--                          <div class="hang_k3_id" style="text-align: center;" v-if="k3_content3.length == 0">-->
            <!--                            暂无数据-->
            <!--                          </div>-->
            <!--                        </el-tab-pane>-->
            <!--                        <el-tab-pane label="项目评审">-->
            <!--                            <div class="hang_k3_id" v-for="item in k3_content4" v-if="k3_content4.length>0">-->
            <!--                                <i></i>-->
            <!--                                <a href="#" title="" class="d1-k3-id">{{ item.a }}</a>-->
            <!--                                <span class="d3-k3-id">{{ item.span2 }}</span>-->
            <!--                                <span class="d4-k3-id">{{ item.span3 }}</span>-->
            <!--                            </div>-->
            <!--                          <div class="hang_k3_id" style="text-align: center;" v-if="k3_content4.length == 0">-->
            <!--                            暂无数据-->
            <!--                          </div>-->
            <!--                        </el-tab-pane>-->
          </el-tabs>
        </div>

      </div>
      <div class="kuai-id kuai4-id">
        <div class="title-id">
          <img :src="require('../images/title05.png')" alt="">
          <span>数据统计</span>
        </div>
        <div class="data-k4-id">
          <dl>
            <dt>入驻平台</dt>
            <dd>{{ collaborativeInfoNumber }}</dd>
          </dl>
          <dl>
            <dt>客户数量</dt>
            <dd>{{ enterpriseInfoNumber }}</dd>
          </dl>
          <dl>
            <dt>主营产品</dt>
            <dd>{{ qualificationInfoNumber }}</dd>
          </dl>
          <dl>
            <dt>师资数量</dt>
            <dd>{{ teacherInfoNumber }}</dd>
          </dl>
          <dl>
            <dt>项目总数</dt>
            <dd>{{ projectInfoNumber }}</dd>
          </dl>
          <dl>
            <dt>在建项目</dt>
            <dd>{{ projectInfoIngNumber }}</dd>
          </dl>
        </div>
      </div>
      <div class="kuai-id kuai5-id">
        <div class="title-id">
          <img :src="require('../images/title03.png')" alt="">
          <span>收藏夹</span>
        </div>
        <ul>
          <li v-for="(item, index) in kuai5_title" @click="li_kuai5(index, $event)" :class="item.class">
            {{ item.li }}</li>
        </ul>
        <div class="contents-id">
          <ul class="ul-k5-id"  v-show="isShow5===0" >
            <li v-for="i in FavoritesList" v-if="FavoritesList.length>0">
              <div class="up_k5_id">
                <i></i>
                <span >{{ i.infoType }}</span>
                <a @click.prevent="navigate(i)" title="" class="d1-k5-id" >{{ i.titleName }}</a>
              </div>
              <div class="down_k5_id">
                <span class="d2-k5-id">{{ i.orgName.substring(0, 10) }}</span>
                <span  style="text-align: right;display: inline-block;vertical-align: top;">{{ i.createTime.substring(0, 10) }}</span>
              </div>
            </li>
            <div class="hang_k3_id" style="text-align: center;" v-if="FavoritesList.length === 0">
              暂无数据
            </div>
          </ul>
          <!--                  <ul class="ul-k5-id"  v-show="isShow5===1" >-->
          <!--                    <li v-for="i in activityCollectionList" v-if="activityCollectionList.length>0">-->
          <!--                      <div class="up_k5_id">-->
          <!--                        <i></i>-->
          <!--                        <a @click.prevent="navigate(i)" title="" class="d1-k5-id">{{ i.titleName }}</a>-->
          <!--                      </div>-->
          <!--                      <div class="down_k5_id">-->
          <!--                        <span class="d2-k5-id">{{ i.orgName.substring(0, 10) }}</span>-->
          <!--                        <span  style="text-align: right;display: inline-block;vertical-align: top;">{{ i.createTime.substring(0, 10) }}</span>-->
          <!--                      </div>-->
          <!--                    </li>-->
          <!--                    <div class="hang_k3_id" style="text-align: center;" v-if="activityCollectionList.length === 0">-->
          <!--                      暂无数据-->
          <!--                    </div>-->
          <!--                  </ul>-->
          <!--                  <ul class="ul-k5-id"  v-show="isShow5===2" >-->
          <!--                    <li v-for="i in questionnaireCollectionList" v-if="questionnaireCollectionList.length>0">-->
          <!--                      <div class="up_k5_id">-->
          <!--                        <i></i>-->
          <!--                        <a @click.prevent="navigate(i)" title="" class="d1-k5-id">{{ i.titleName }}</a>-->
          <!--                      </div>-->
          <!--                      <div class="down_k5_id">-->
          <!--                        <span class="d2-k5-id">{{ i.orgName.substring(0, 10) }}</span>-->
          <!--                        <span  style="text-align: right;display: inline-block;vertical-align: top;">{{ i.createTime.substring(0, 10) }}</span>-->
          <!--                      </div>-->
          <!--                    </li>-->
          <!--                    <div class="hang_k3_id" style="text-align: center;" v-if="questionnaireCollectionList.length === 0">-->
          <!--                      暂无数据-->
          <!--                    </div>-->
          <!--                  </ul>-->
          <!--                  <ul class="ul-k5-id"  v-show="isShow5===3" >-->
          <!--                    <li v-for="i in policyList" v-if="policyList.length>0">-->
          <!--                      <div class="up_k5_id">-->
          <!--                        <i></i>-->
          <!--                        <a @click.prevent="navigate(i)" title="" class="d1-k5-id">{{ i.titleName }}</a>-->
          <!--                      </div>-->
          <!--                      <div class="down_k5_id">-->
          <!--                        <span class="d2-k5-id">{{ i.orgName.substring(0, 10) }}</span>-->
          <!--                        <span  style="text-align: right;display: inline-block;vertical-align: top;">{{ i.createTime.substring(0, 10) }}</span>-->
          <!--                      </div>-->
          <!--                    </li>-->
          <!--                    <div class="hang_k3_id" style="text-align: center;" v-if="policyList.length === 0">-->
          <!--                      暂无数据-->
          <!--                    </div>-->
          <!--                  </ul>-->
          <!--                  <ul class="ul-k5-id"  v-show="isShow5===4" >-->
          <!--                    <li v-for="i in industryList" v-if="industryList.length>0">-->
          <!--                      <div class="up_k5_id">-->
          <!--                        <i></i>-->
          <!--                        <a @click.prevent="navigate(i)" title="" class="d1-k5-id">{{ i.titleName }}</a>-->
          <!--                      </div>-->
          <!--                      <div class="down_k5_id">-->
          <!--                        <span class="d2-k5-id">{{ i.orgName.substring(0, 10) }}</span>-->
          <!--                        <span  style="text-align: right;display: inline-block;vertical-align: top;">{{ i.createTime.substring(0, 10) }}</span>-->
          <!--                      </div>-->
          <!--                    </li>-->
          <!--                    <div class="hang_k3_id" style="text-align: center;" v-if="industryList.length === 0">-->
          <!--                      暂无数据-->
          <!--                    </div>-->
          <!--                  </ul>-->
          <!--                  <ul class="ul-k5-id"  v-show="isShow5===5" >-->
          <!--                    <li v-for="i in newList" v-if="newList.length>0">-->
          <!--                      <div class="up_k5_id">-->
          <!--                        <i></i>-->
          <!--                        <a @click.prevent="navigate(i)" title="" class="d1-k5-id">{{ i.titleName }}</a>-->
          <!--                      </div>-->
          <!--                      <div class="down_k5_id">-->
          <!--                        <span class="d2-k5-id">{{ i.orgName.substring(0, 10) }}</span>-->
          <!--                        <span  style="text-align: right;display: inline-block;vertical-align: top;">{{ i.createTime.substring(0, 10) }}</span>-->
          <!--                      </div>-->
          <!--                    </li>-->
          <!--                    <div class="hang_k3_id" style="text-align: center;" v-if="newList.length === 0">-->
          <!--                      暂无数据-->
          <!--                    </div>-->
          <!--                  </ul>-->
        </div>

        <!--              弹框-->
        <dig-release :id="releaseId"  v-if="releaseOpen"  @custom-event="changeEvent"></dig-release>
      </div>
    </div>
  </div>
</template>

<script>
import { listManagement } from "@/api/website/website";
import { getTeacherNumber, getQualificationNumber, getCollaborativeNumber, getEnterpriseNumber, getProjectIngNumber, getProjectNumber } from "@/api/homePage/page";
import { List, adminList, activityThree,collectionInfo,collectionNoInfo,getCollectionList} from "@/api/index"
import { listManagementTwo } from "@/api/collaborative/management";
import { parseTime } from "../utils/ruoyi";
import {listManagementWarn} from "@/api/honor/management";
import $ from 'jquery'
import DigRelease from "./DigRelease.vue";
export default {
  components: {DigRelease},
  data() {
    return {
      releaseId:null,
      releaseOpen:false,
      managementPolicyList: [],
      managementInfoList: [],
      managementQualificationsList: [],
      queryParamsWebsite: {
        pageNum: 1,
        pageSize: 30,
        publisherType: null
      },
      queryParams: {
        pageNum: 1,
        pageSize: 15
      },
      queryParamsTwo: {
        pageNum: 1,
        pageSize: 15,
        state: null,
        recipientId: null,
      },
      //证书预警查询条件
      queryParamsHonor: {
        pageNum: 1,
        pageSize: 15,
      },
      honorDeptName:null,
      isShow1: 0,
      isShow2: 0,
      isShow3: 0,
      isShow5: 0,
      teacherInfoNumber: 0,
      qualificationInfoNumber: 0,
      collaborativeInfoNumber: 0,
      enterpriseInfoNumber: 0,
      projectInfoNumber: 0,
      projectInfoIngNumber: 0,
      kuai1_title: [
        {
          class: 'on',
          li: "所有信息"
        },
        {
          class: '',
          li: "我发布的"
        }
      ],
      kuai1_content: [
        {
          listitem: [

          ]
        },
        {
          listitem: [
          ]
        }
      ],
      kuai2_title: [
        {
          class: 'on',
          li: "政策服务"
        },
        {
          class: '',
          li: "信息服务"
        },
        {
          class: '',
          li: "资质荣誉"
        }
      ],
      kuai2_content: [
        {
          listitem: [
            {
              txt: '国家福利政策扶持'
            },
            {
              txt: '国家福利政策扶持'
            },
            {
              txt: '国家福利政策扶持'
            },
            {
              txt: '国家福利政策扶持'
            },

          ]
        },
        {
          listitem: [
            {
              txt: '国家福利政策扶持'
            },
            {
              txt: '国家福利政策扶持'
            }
          ]
        },
        {
          listitem: [
            {
              txt: '国家福利政策扶持'
            }
          ]
        }
      ],
      ceng2_id: [],
      kuai3_title: [
        // {
        //     li: "合作申请"
        // },
        {
          li: "证书预警"
        },
        // {
        //     li: "合同评审"
        // },
        // {
        //     li: "项目评审"
        // }
      ],
      k3_content1: [],
      k3_content2: [],
      k3_content3: [
        {
          a: "湖南宏运湘莲股份有心公司",
          span2: "湘潭县中小企业",
          span3: "2024-04-02",

        },
        {
          a: "湖南宏运湘莲股份有心公司",
          span2: "湘潭县中小企业",
          span3: "2024-04-02",

        },
        {
          a: "湖南宏运湘莲股份有心公司",
          span2: "湘潭县中小企业",
          span3: "2024-04-02",

        },
        {
          a: "湖南宏运湘莲股份有心公司",
          span2: "湘潭县中小企业",
          span3: "2024-04-02",

        },

      ],
      k3_content4: [
        {
          a: "湖南宏运湘莲股份有心公司",
          span2: "湘潭县中小企业",
          span3: "2024-04-02",

        },
        {
          a: "湖南宏运湘莲股份有心公司",
          span2: "湘潭县中小企业",
          span3: "2024-04-02",

        },
        {
          a: "湖南宏运湘莲股份有心公司",
          span2: "湘潭县中小企业",
          span3: "2024-04-02",

        },

      ],
      kuai5_title: [
        {
          class: 'on',
          li: "我的收藏"
        },
        // {
        //     class: '',
        //     li: "服务信息"
        // },
        // {
        //     class: '',
        //     li: "活动培训"
        // },
        // {
        //     class: '',
        //     li: "问卷调查"
        // },
        // {
        //     class: '',
        //     li: "政策信息"
        // },
        // {
        //     class: '',
        //     li: "行业动态"
        // },
        // {
        //     class: '',
        //     li: "新闻资讯"
        // }
      ],
      //收藏夹内容
      FavoritesList:[],
      // demandList:[],
      // serviceList:[],
      // activityCollectionList:[],
      // questionnaireCollectionList:[],
      // policyList:[],
      // industryList:[],
      newList:[]
    }
  },
  methods: {
    parseTime,
    /**
     * 查询全部信息
     */
    getInfoList() {
      adminList(this.queryParams).then(res => {
        this.kuai1_content[0].listitem = res.rows;
      })
    },
    getCollectionList(){
      getCollectionList().then(res=>{
        console.log(res)
        this.FavoritesList=res;
        // this.activityCollectionList=res['活动培训'];
        //  this.demandList=res['需求信息'];
        //  this.questionnaireCollectionList=res['问卷调查'];
        //  this.policyList=res['政策信息'];
        //  this.newList=res['新闻资讯'];
        //  this.industryList=res['行业动态'];
      })
    },
    //查询我发送的
    getInfoSelf() {
      List(this.queryParams).then(res => {
        this.kuai1_content[1].listitem = res.rows;
      })
    },
    navigate(i) {
      if (i.infoType==='新闻资讯' || i.infoType==='行业动态'){
        this.releaseId=i.infoId;
        this.releaseOpen=true;
        console.log("触发了")
      }else {
        this.$router.push({ path: i.route,query:{id:i.infoId} });
      }
    },
    changeEvent(data){
      this.releaseOpen=data;
    },
    //获取证书预警
    listManagementIndex(){
      listManagementWarn(this.queryParamsHonor).then(res=>{
        this.k3_content2=res.rows;
      })
    },
    goCollaborative() {
      this.$router.push("/operate/collaborative");
    },
    goHonorList(){
      this.$router.push("/operate/honorManager");
    },
    //查询前三的活动
    activityThree() {
      activityThree().then(res => {
        console.log(res)
        this.ceng2_id = res;
      })
    },
    getTwoList() {
      this.queryParamsTwo.state = "1";
      listManagementTwo(this.queryParamsTwo).then(response => {
        this.k3_content1 = response.rows;
      });
    },
    getCollaborativeInfoNumber() {
      const organizationId = this.$store.state.user.info.orgId;
      getCollaborativeNumber(organizationId).then(response => {
        this.collaborativeInfoNumber = response;
      });
    },
    getQualificationInfoNumber() {
      const organizationId = this.$store.state.user.info.orgId;
      getQualificationNumber(organizationId).then(response => {
        this.qualificationInfoNumber = response;
      });
    },
    getTeacherInfoNumber() {
      const organizationId = this.$store.state.user.info.orgId;
      getTeacherNumber(organizationId).then(response => {
        this.teacherInfoNumber = response;
      });
    },
    getEnterpriseInfoNumber() {
      const belongTo = this.$store.state.user.info.orgId;
      getEnterpriseNumber(belongTo).then(response => {
        this.enterpriseInfoNumber = response;
      });
    },
    getProjectInfoNumber() {
      const belongTo = this.$store.state.user.info.orgId;
      getProjectNumber(belongTo).then(response => {
        this.projectInfoNumber = response;
      });
    },
    getProjectInfoIngNumber() {
      const belongTo = this.$store.state.user.info.orgId;
      getProjectIngNumber(belongTo).then(response => {
        this.projectInfoIngNumber = response;
      });
    },
    getWebsitePolicyList() {
      this.queryParamsWebsite.publisherType = "0";
      listManagement(this.queryParamsWebsite).then(response => {
        this.managementPolicyList = response.rows;
      });
    },
    getWebsiteInfoList() {
      this.queryParamsWebsite.publisherType = "1";
      listManagement(this.queryParamsWebsite).then(response => {
        this.managementInfoList = response.rows;
      });
    },
    getWebsiteQualificationsList() {
      this.queryParamsWebsite.publisherType = "2";
      listManagement(this.queryParamsWebsite).then(response => {
        this.managementQualificationsList = response.rows;
      });
    },
    goWebsiteDetail(url) {
      if (!url.startsWith('http://') && !url.startsWith('https://')) {
        // 如果没有协议，添加默认的http://协议
        url = 'http://' + url;
      } window.open(url, '_blank');
    },
    resizeWindow() {
      (function (doc, win) {
        // ;
        var docEl = doc.documentElement,
          resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
          recalc = function () {
            var clientWidth = docEl.clientWidth;
            if (!clientWidth) return;
            docEl.style.fontSize = 1 * (clientWidth / 1920) + 'px';
          };

        if (!doc.addEventListener) return;
        win.addEventListener(resizeEvt, recalc, false);
        doc.addEventListener('DOMContentLoaded', recalc, false);
      })(document, window);
    },
    li_kuai1(index, e) {
      console.log("是否执行")
      this.isShow1 = index;
      var linodes = e.target.parentNode.childNodes;
      for (let i = 0; i < linodes.length; i++) {
        linodes[i].classList.remove("on");
      }
      e.target.className = "on";
    },
    li_kuai2(index, e) {
      this.isShow2 = index;
      console.log(this.isShow2)
      var linodes = e.target.parentNode.childNodes;
      for (let i = 0; i < linodes.length; i++) {
        linodes[i].classList.remove("on");
      }
      e.target.className = "on";
    },
    li_kuai3(index, e) {
      //this.kuai3_content = [];
      this.isShow3 = index;
      // if (index == 0) {
      //     listManagementInfo(this.queryParamsTwo).then(response => {
      //         if (response[0].listitem.length > 0) {
      //             this.kuai3_content.push(response[0]);
      //         }
      //     });
      // }
      var linodes = e.target.parentNode.childNodes;
      for (let i = 0; i < linodes.length; i++) {
        linodes[i].classList.remove("on");
      }
      e.target.className = "on";
    },
    li_kuai5(index, e) {
      this.isShow5 = index;
      var linodes = e.target.parentNode.childNodes;
      for (let i = 0; i < linodes.length; i++) {
        linodes[i].classList.remove("on");
      }
      e.target.className = "on";
    },
    btn_kuai1(e, i) {
      if (i.isCollection === "no_col") {
        //收藏
        i.isCollection = "is_col"
        collectionInfo(i).then(res=>{
          if (res.code===200){
            this.$message.success("收藏成功");
            this.getCollectionList();
            this.getInfoList();
            this.getInfoSelf();
          }else {
            this.$message.error("收藏失败");
            this.getCollectionList();
            this.getInfoList();
            this.getInfoSelf();
          }
        })
      } else {
        //取消收藏
        i.isCollection = "no_col"
        collectionNoInfo(i).then(res=>{
          if (res.code===200){
            this.$message.success("取消收藏成功");
            this.getCollectionList();
          }else {
            this.$message.error("收藏失败");
            this.getCollectionList();
          }
        })

      }
    }
  },
  created() {
    $("body").css("padding", "10px");
    this.honorDeptName=this.$store.state.user.info.deptName;
    this.getCollectionList();
    this.activityThree();
    this.getInfoList();
    this.getInfoSelf();
    this.resizeWindow();
    this.listManagementIndex();
    this.getWebsitePolicyList();
    this.getWebsiteInfoList();
    this.getWebsiteQualificationsList();
    this.getTeacherInfoNumber();
    this.getQualificationInfoNumber();
    this.getCollaborativeInfoNumber();
    this.getEnterpriseInfoNumber();
    this.getProjectInfoNumber();
    this.getProjectInfoIngNumber();
    this.getTwoList();
  }
}
</script>

<style scoped>
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

ol,
ul {
  list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

::v-deep .kuai3-id .el-tabs {
  height: 270rem;
  border-radius: 8rem;
}

::v-deep .kuai3-id .el-tabs__item {
  display: inline;
  /* line-height: 18rem; */
  padding: 2rem 6rem;
  border-radius: 4rem;
  margin: 0 8rem;
}

::v-deep .kuai3-id .el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2) {
  padding-left: 8rem;
}

::v-deep .kuai3-id .el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child {
  padding-right: 8rem;
}

::v-deep .kuai3-id .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active {
  color: #676767;
}

::v-deep .kuai3-id .el-tabs--border-card>.el-tabs__header .el-tabs__item:not(.is-disabled):hover {
  color: #676767;
}

::v-deep .kuai3-id .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active {
  color: #676767;
  background-color: #FFFFFF;
  border-right-color: white;
  border-left-color: white;
}

::v-deep .kuai3-id .el-tabs__nav-scroll {
  height: 40rem;
  padding-left: 15rem;
}

::v-deep .kuai3-id .el-tabs--border-card>.el-tabs__content {
  padding: 0;
}

::v-deep .kuai3-id .el-tab-pane {
  height: 284rem;
  overflow-y: auto;
}

::v-deep .kuai3-id .el-tabs__nav.is-top {
  /* background-color: #f2f3f5; */
}

::v-deep .kuai3-id .el-tabs__item {
  font-size: 16rem;
}

.kuai3-id .el-tab-pane::-webkit-scrollbar {
  width: 4px;
  /* height: 4px; */
}

.kuai3-id .el-tab-pane::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.1);
}

.kuai3-id .el-tab-pane::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px white;
  border-radius: 0;
  background: white;
}

.hang_k3_id {
  width: 100%;
  margin: 15rem 0;
}

.hang_k3_id>i {
  width: 14rem;
  height: 14rem;
  border-radius: 7rem;
  background-color: #f1a14c;
  display: inline-block;
  margin-left: 10rem;
  margin-right: 10rem;
  margin-bottom: 3rem;
}

.container-id {
  height: 100%;
  width: 100%;
  /* font: 14rem arial; */
  font-size: 16rem;
  font-family: Microsoft YaHei, PingFang SC, Arial, sans-serif;
  color: #676767;
  overflow: hidden;
  background-color: #f3f3f5;
}

.ceng1-id {
  height: 31vh;
  width: 98%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 1%;
}

.kuai-id {
  height: 100%;
  width: 33.33%;
  background-color: white;
  border-radius: 8rem;
}

.kuai1-id {
  width: 66.66%;
  margin-right: .5%;
}

.kuai3-id {
  margin-right: .5%;
}

.kuai4-id {
  margin-right: .5%;
}

.kuai-id>.title-id {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 1vh;
  padding-left: 1vh;
  padding-bottom: .5vh;
}

.kuai-id>.title-id>img {
  width: 36rem;
  height: 36rem;
  margin-right: 4rem;
}

.kuai-id>.title-id>span {
  font-size: 22rem;
  font-weight: bold;
}

.kuai-id>ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #f2f3f5;
  padding: .6vh 5rem;
  margin-left: 1vh;
  margin-right: 1vh;
  border-radius: 3rem;
  width: 100%;
  overflow-x: auto;
}

.kuai-id>ul::-webkit-scrollbar {
  width: 4px;
  /*height: 4px;*/
}

.kuai-id>ul::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.1);
}

.kuai-id>ul::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px white;
  border-radius: 0;
  background: white;
}

.kuai-id>ul>li {
  padding: .1vh 8rem;
  margin-left: 1%;
  margin-right: 1%;
  border-radius: 4rem;
  padding: .2vh 8rem;
  border-radius: 4rem;
}

.kuai-id>ul>li.on {
  background-color: white;
}

.kuai1-id>.contents-id>ul {
  width: 100%;
  height: 22vh;
  overflow-y: auto;
}

.kuai1-id>.contents-id>ul::-webkit-scrollbar {
  width: 4px;
  /*height: 4px;*/
}

.kuai1-id>.contents-id>ul::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.1);
}

.kuai1-id>.contents-id>ul::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px white;
  border-radius: 0;
  background: white;
}

.kuai1-id>.contents-id>ul>li {
  width: 100%;
  height: 45rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

.kuai1-id>.contents-id>ul>li>button.is_col {
  width: 16rem;
  height: 16rem;
  background: url(../images/star2.png) no-repeat scroll;
  background-size: 100% 100%;
  border: none;
  cursor: pointer;
}

.kuai1-id>.contents-id>ul>li>i {
  width: 14rem;
  height: 14rem;
  border-radius: 7rem;
  background-color: #f1a14c;
  display: inline-block;
  margin-left: 10rem;
  margin-right: 10rem;
}

.kuai1-id>.contents-id>ul>li>.duan1-id {
  width: 25%;
  display: inline-block;
  text-decoration: underline;
  margin-right: 4%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow-x: hidden;
  color: #333;
  font-weight: bold;
}

.kuai1-id>.contents-id>ul>li>.duan1-id:hover {
  color: #0863F8;
}

.kuai1-id>.contents-id>ul>li>.duan2-id {
  width: 33%;
  display: inline-block;
  margin-right: 3%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow-x: hidden;
  color: #666;
}

.kuai1-id>.contents-id>ul>li>.duan3-id {
  width: 15%;
  display: inline-block;
  margin-right: 2%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow-x: hidden;
  color: #00a2e8;
}

.kuai1-id>.contents-id>ul>li>.duan4-id {
  width: 12%;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow-x: hidden;
}

.kuai1-id>.contents-id>ul>li>button {
  width: 16rem;
  height: 16rem;
  background: url(../images/star1.png) no-repeat scroll;
  background-size: 100% 100%;
  border: none;
  cursor: pointer;
}

.kuai1-id>.contents-id>ul>li>button.on {
  background: url(../images/star2.png) no-repeat scroll;
  background-size: 100% 100%;
}

.kuai2-id>.contents-id>ul {
  width: 100%;
  height: 22vh;
  overflow-y: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}

.kuai2-id>.contents-id>ul::-webkit-scrollbar {
  width: 4px;
  /*height: 4px;*/
}

.kuai2-id>.contents-id>ul::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.1);
}

.kuai2-id>.contents-id>ul::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px white;
  border-radius: 0;
  background: white;
}

.kuai2-id>.contents-id>ul>li {
  width: 30%;
  height: 40rem;
  border: solid 1px #e5e5e5;
  /* display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: center; */
  margin-left: 1.66%;
  margin-right: 1.66%;
  margin-top: 20rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow-x: hidden;
  padding-left: 4rem;
  padding-right: 4rem;
  line-height: 36rem;
  text-align: center;
  cursor: pointer;
  border-radius: 4rem;
}

.kuai2-id>.contents-id>ul>li:hover {
  color: #0863F8;
  border: solid 1px #0863F8;
}

.ceng2-id {
  height: 14vh;
  width: 98%;
  background: url(../images/img-1.png) no-repeat scroll;
  background-size: 100% 100%;
  margin: 1vh 1%;
  color: white;
  font-size: 3.6vh;
  padding-top: 1.5vh;
}

::v-deep .ceng2-id .el-carousel {
  height: 100%;
}

::v-deep .ceng2-id .el-carousel .el-carousel__container {
  height: 100%;
}

.ceng2-txt-id {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.ceng2-txt-id>.up-id {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 85%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow-x: hidden;
}

.ceng2-txt-id>.down-id {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 85%;
  justify-content: space-between;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow-x: hidden;
}

.ceng3-id {
  height: 35vh;
  width: 98%;
  margin: 1%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.kuai3-id>ul>li {
  position: relative;
}

.kuai3-id>ul>li.un::after {
  position: absolute;
  content: '';
  width: 14rem;
  height: 14rem;
  border-radius: 7rem;
  background-color: #d9001b;
  top: -5rem;
  right: -5rem;
}

.kuai-id>ul>li {
  cursor: pointer;
}

.kuai1-id>ul>li {
  position: relative;
}

.kuai1-id>ul>li.un::after {
  position: absolute;
  content: '';
  width: 14rem;
  height: 14rem;
  border-radius: 7rem;
  background-color: #d9001b;
  top: -5rem;
  right: -5rem;
}

.kuai2-id>ul>li {
  position: relative;
}

.kuai2-id>ul>li.un::after {
  position: absolute;
  content: '';
  width: 14rem;
  height: 14rem;
  border-radius: 7rem;
  background-color: #d9001b;
  top: -5rem;
  right: -5rem;
}


.kuai5-id>ul>li {
  position: relative;
  white-space: nowrap;
}

.kuai5-id>ul>li.un::after {
  position: absolute;
  content: '';
  width: 14rem;
  height: 14rem;
  border-radius: 7rem;
  background-color: #d9001b;
  top: -5rem;
  right: -5rem;
}

.up_k3_id {
  width: 100%;
  height: 4vh;
}

.up_k3_id i {
  width: 14rem;
  height: 14rem;
  border-radius: 7rem;
  background-color: #f1a14c;
  display: inline-block;
  margin-left: 10rem;
  margin-right: 10rem;
}

.down_k3_id {
  padding-left: 5.5%;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.d1-k3-id {
  text-decoration: underline;
  width: 100%;
}

.d1-k3-id:hover {
  color: #0863F8;
}

.ul-k3-id {
  height: 26vh;
  overflow-y: auto;
}

.ul-k3-id::-webkit-scrollbar {
  width: 4px;
  /*height: 4px;*/
}

.ul-k3-id::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.1);
}

.ul-k3-id::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px white;
  border-radius: 0;
  background: white;
}

.ul-k3-id>li {
  width: 100%;
  height: 7.5vh;
  margin-top: 1vh;
}

.d1-k3-id {
  width: 45%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow-x: hidden;
  display: inline-block;
}


.d3-k3-id {
  width: 20%;
  margin-right: 2%;
  margin-left: 2%;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow-x: hidden;
  text-align: center;
}

.d4-k3-id {
  width: 20%;
  margin-right: 2%;
  margin-left: 2%;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow-x: hidden;
  text-align: right;
}

.data-k4-id {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  padding-top: 2vh;
}

.data-k4-id>dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  width: 50%;
  text-align: center;
  height: 8vh;
}

.data-k4-id>dl>dt {
  font-size: 2vh;
}

.data-k4-id>dl>dd {
  font-size: 3.5vh;
  font-weight: bold;
}

.up_k5_id {
  width: 46%;
  height: 4vh;
  display: flex;
  align-items: center;
}
.up_k5_id span{
  display: inline-block;
  width: 33%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow-x: hidden;
}

.up_k5_id i {
  width: 14rem;
  height: 14rem;
  border-radius: 7rem;
  background-color: #f1a14c;
  display: inline-block;
  margin-left: 10rem;
  margin-right: 10rem;
}

.down_k5_id {
  padding-left: 1%;
  width: 54%;
  display: flex;
  align-items: center;
}

.d1-k5-id {
  text-decoration: underline;
  display: inline-block;
  width: 57%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow-x: hidden;
}

.d1-k5-id:hover {
  color: #0863F8;
}

.ul-k5-id {
  height: 26vh;
  overflow-y: auto;
}

.ul-k5-id::-webkit-scrollbar {
  width: 4px;
  /*height: 4px;*/
}

.ul-k5-id::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.1);
}

.ul-k5-id::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px white;
  border-radius: 0;
  background: white;
}

.ul-k5-id>li {
  width: 100%;
  height: auto;
  margin-top: 0.5vh;
  display: flex;
}

.d2-k5-id {
  width: 62%;
  margin-right: 2%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow-x: hidden;
  display: inline-block;
}

.kuai5-id>ul {
  overflow-x: auto;
}

.kuai5-id>ul::-webkit-scrollbar {
  /* width: 4px; */
  height: 4px;
}

.kuai5-id>ul::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.1);
}

.kuai5-id>ul::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px white;
  border-radius: 0;
  background: white;
}

::v-deep .el-tabs--border-card>.el-tabs__header{
  border-bottom:none;
  margin-left: 1vh;
  border-radius: 3rem;
  display: none;
}
::v-deep .el-tabs--border-card{
  border:none;
  box-shadow:none;
}
</style>
